.btn,
.intro1,
.navbar-custom,
body,
div,
p{
	font-family: 'Pavanam', sans-serif;
}

.blue {
	background: rgba(0,159,238,0.2);
}

.f_name2 {display:none;}

#menu-top-navi a,
#menu-item a,
nav,
.navbar a,
footer,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Amatic SC', cursive;
	text-transform: uppercase;
}

body {
	padding-top: 70px;
	font-size: 20px;
}
footer {
	padding:20px;
	color: white;
}

footer, .navbar {
	background-color: orange !important;
}

a.orange ,span.orange {
	color: orange;
	text-transform: uppercase;
}

.orangeContainer {
	margin-top: 100px;
	background-image: url(/img/pattern-orange-weiss.gif);
    background-repeat: repeat;
	padding: 100px 0;
}

.orangeInnerContainer {
	
	background: white;
}

 .navbar-inverse .navbar-nav>.open>a,
 .navbar-inverse .navbar-nav>.open>a:focus,
 .navbar-inverse .navbar-nav>.open>a:hover {
	 background:#afadad;
 }

 .navbar h2, .navbar a {
	color: white !important;
	font-size: 32px;
	height:70px;
	line-height:40px !important;
	font-weight:bold;
}
 .navbar h2 {
	line-height:70px !important;
	font-size:32px;
}
nav .title h2 {
	    margin: 0 !important	;
    text-align: left;
    color: white;
}
.dropdown-menu a {
	/*color: magenta !important;*/
	color: rgb(222,0,123) !important;
}
.navbar a:hover {
	color: #ff9100;
	
}
.navbar-inverse {
	border: 0;
	background-color: transparent;
}


h1, h2, h3, h4, h5, h6 {
    margin: 35px 0;
    font-weight: 700;
	font-size: 60px;
	color: orange;
    letter-spacing: 1px;
	text-align: center;
}

@media(max-width:680px){
	h1, h2, h3, h4, h5, h6 {
		font-size: 35px;
	}
}

.parallax-window{
	padding: 150px 0;
	min-height: 350px;
	background: transparent;
}
.window-wrapper{
	padding-top: 50px;
	/*height: 800px;*/
	background: #fffff;
}

.welcomeContainer {
	position:relative;
}
/*.welcome {
	position: absolute;
	bottom: 60px;
	font-family: 'Amatic SC', cursive;
	color: orange;
	font-weight:bold;
	font-size: 40px;
	left:0;
	right:0;
	text-align: center;
	animation: blinker 3s linear;
}

@keyframes blinker {  
  50% { opacity: 0; }
}*/

.separatorImage {
	margin: 20px 0;
}
.spacer {
	height:100px;
}

.gh-button-container {
	margin: 50px 0;
}
.gh-button {
	    display: inline-block;
    margin: 10px 0;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% Arial, Helvetica, sans-serif;
    padding: .5em 2em .55em;
    /* text-shadow: 0 1px 1px rgba(0,0,0,.3); */
    /* -webkit-border-radius: .5em; */
    -moz-border-radius: .5em;
    /* border-radius: .5em; */
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    color: #fef4e9;
    border: solid 1px #da7c0c;
    background: rgb(239, 110, 213);
    /* background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)); */
    background: -moz-linear-gradient(top, #faa51a, #f47a20);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
/*.gh-button:hover {
	text-decoration: none;
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.gh-button:active {
	position: relative;
	top: 1px;
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}*/

.responsiveMap {
height: 0;
overflow: hidden;
padding-bottom: 56%;
position: relative;
}

.responsiveMap iframe {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}



@media (max-width: 991px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
}




.Impressions {
	display:inline-block;
	margin: 0 auto;
    text-align: center;
}
.view {
    width: 350px;
    height: 350px;
    margin: 10px;
    display: inline-block;
    /*border: 10px solid orange;*/
    overflow: hidden;
    position: relative;
    text-align: center;
    box-shadow: 1px 1px 2px #e6e6e6;
    cursor: default;
    background: #fff url(/img/bgimg.jpg) repeat center center
}
.view .mask, .view .content {
    width: 350px;
    height: 350px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0
}
.view img {
    display: block;
    position: relative;
	width:350px;
	height:350px;
		
}

@media (max-width: 390px) {
	.view {
		width: 270px;
		height: 270px;
	}
	.view .mask, .view .content {
		width: 270px;
		height: 270px;
	}
}
.view h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 24px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.8);
    margin: 20px 0 0 0
}
.view p {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 16px;
    position: relative;
    color: #fff;
    padding: 10px 20px 20px;
    text-align: center
}
/*.view a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000
}*/
.view a {
	/*color:orange;*/
}
.view a.info:hover {
    box-shadow: 0 0 5px #000
}


.view-fifth img {
	transition: all 0.3s ease-in-out; 
}
.view-fifth .mask { 
	background-color: rgba(146,96,91,0.3);
	transform: translateX(-350px);
	opacity: 1;
	transition: all 0.4s ease-in-out; 
}
.view-fifth h2{
    background: rgba(255, 255, 255, 0.5);
    color: #000;
    box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
}
.view-fifth p{
    opacity: 0;
    color: #333;
    transition: all 0.2s linear;
}


.view-fifth:hover .mask { 
	transform: translateX(0px);
}						
.view-fifth:hover img { 
	transform: translateX(350px);
	transition-delay: 0.1s;
}
.view-fifth:hover p{
    opacity: 1;
    transition-delay: 0.4s;
}