/* FONTS

-------------------------------------------------- */



@import url(https://fonts.googleapis.com/css?family=Merriweather:400,300,700&subset=latin,latin-ext);

@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,700&subset=latin,latin-ext);

@import url(https://fonts.googleapis.com/css?family=Courgette&subset=latin,latin-ext);



/* GENERAL

-------------------------------------------------- */



body{

	background: #000;

	margin:0;

	padding:0;

	font-size:normal 14px/24px Merriweater serif;

	color:#fff}



a {

	font:normal 16px/20px Merriweather,serif;

	color:#dedede}



a:hover {

	color:#5e7c98;}



ul, li {

	list-style:none}	



h1,h2,h3{font-family: 'Courgette', cursive;font-weight:bold;text-transform:none;}

h4,h5,h6{font-family: 'Courgette', cursive;font-weight:normal;color:#fefefe}

h5 p{font-family: 'Courgette', cursive;font-weight:normal;color:#767676}

h4{ font-size:20px; margin:1em 0 0; }



.right {

	text-align:right}



/* MENU

-------------------------------------------------- */



.navbar{

	border:none;

	font-family: 'Playfair Display', serif}



.navbar-inverse {

	background-color: transparent;

	border-color: 1px solid #080808;

	width:100%;

	padding:30px 0;

	margin:0;

	display:display}



.navbar-inverse .navbar-nav > li > a {

	color: #fff;

	height:30px;

	padding:14px}



.navbar-inverse .navbar-nav > li > a:hover,

.navbar-inverse .navbar-nav > li > a:focus {

	color: #0f0}



.navbar-inverse .navbar-nav > .open > a,

.navbar-inverse .navbar-nav > .open > a:hover,

.navbar-inverse .navbar-nav > .open > a:focus {

	color:#666;

	background-color: transparent}



.dropdown-menu {

	background-color: rgba(0, 0, 0, 0.4)}



.dropdown-menu > li > a {

	color: #fff;

	border-bottom:1px solid #f3f3f3}



.dropdown-menu > li > a:hover,

.dropdown-menu > li > a:focus {

	color: #0f0;

	background-color: rgba(0, 0, 0, 0.4);

	border-radius: 0px 0px 6px 6px;

	-moz-border-radius: 0px 0px 6px 6px;

	-webkit-border-radius: 0px 0px 6px 6px;

	border-bottom:1px solid #0f0}	



@media (max-width: 767px) {



.navbar-inverse {

	background-color: rgba(0, 0, 0, 0.2);

	padding-left:15px;

	width:100%;

	display:block}



.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {

    color: #fff;}



.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {

    color: #0f0;}

}



/* ITEM

-------------------------------------------------- */



.itemFact{

	background-image:url("img/bkg/11.jpg");

	background-size:cover;

	background-position:center center;

	display:table;

	height:100vh;

	position:relative;

	padding:0;

	width:100%}



@media (min-width:768px) and (max-width:1249px){



.itemFact{

	padding:0;

	height:auto}

}



@media (max-width:767px){



.itemFact{

	height:auto;

	padding:0}

}



.itemFact .itemFactTitel{

	color:#ffffff;

	display:table-cell;

	vertical-align:middle;

	float:right;

	position:relative;

	z-index:2;

	padding:0px 20px;}

	

.itemFact .itemFactImg{

	color:#ffffff;

	display:block;

	position:relative;

	z-index:2;}	



.itemFact .itemFactTitel h3{

	display:inline-block;

	font-family: Merriweater serif;

	font-size:32px;

	font-weight:700;

	margin:0 auto 40px;

	max-width:640px;

	-webkit-transition:all 500ms;

	-o-transition:all 500ms;

	transition:all 500ms}

	

.itemFact .itemFactTitel p{

	display:inline-block;

	font-family: 'Playfair Display', serif;

	font-size:18px;

	font-weight:400;

	text-align:justify;

	margin:0 auto 24px;

	max-width:640px;

	-webkit-transition:all 500ms;

	-o-transition:all 500ms;

	transition:all 500ms}	



@media (max-width:1249px){



.itemFact .itemFactTitel{

	padding:160px 70px 110px 70px}



.itemFact .itemFactTitel h3 {

	margin-bottom:20px}

}



@media (max-width:767px){



.itemFact .itemFactTitel{

	padding:210px 0 40px}	

}



.itemFact .itemFactTitel {

	font-size:20px;

	max-width:640px;

	margin:0 auto;

	-webkit-transition:all 500ms;

	-o-transition:all 500ms;

	transition:all 500ms}



@media (max-width:1199px){

.itemFact .itemFactTitel {

	font-size:14px}

}



.itemFactTitel {

	opacity:1;

	filter:alpha(opacity=100);

	-webkit-transition:all 450ms ease-out 0.25s;

	-o-transition:all 450ms ease-out 0.25s;

	transition:all 450ms ease-out 0.25s}



/* SECTION

-------------------------------------------------- */



.section { 

	z-index: 1;

	min-height:420px;

	width: 100%; 

	overflow:auto;

	height:100%;

	padding-top:0px;

	padding-bottom:250px; 

	display:block;

	top:0;} 



@media (min-width: 768px) {



.section {	padding-top:0px;

			padding-bottom:200px}

}	



@media (max-width: 768px) {



.section {	padding-top:150px;

			padding-bottom:200px}

}	



/* ABOUT

-------------------------------------------------- */



.spacer-a1 {

	margin-top:100px;}



.right {

	text-align:right}



.osam {

	margin-bottom:20px}

.pad-a1 {

	padding-left:70px;}

	

.pad-a2 {

	padding:0 20px;}	

	

/* HOW

-------------------------------------------------- */

.spacer-h1 {

	margin-top:70px;}



.spacer-h1en {

	margin-top:80px;} 



.spacer-h1de {

	margin-top:110px;}



.spacer-h1it {

	margin-top:90px;}	

	

.spacer-h2 {

	margin-top:10px;}

	




/* GALLERY

-------------------------------------------------- */	



.interval {
	margin:10px;
	padding:3px}