/* ////////////////////// General */
	html { height: 100% !important; }
	body { height: 100%;font-family:"nimbus-sans-condensed",sans-serif, Arial;font-weight: 400;font-size:18px;line-height:27px;color:#1a1a1a;overflow-x:hidden;position:relative; }	
	a { color: #8e7f75; ;text-decoration:none;-webkit-transition: all ease 0.25s;-moz-transition: all ease 0.25s;-ms-transition: all ease 0.25s;-o-transition: all ease 0.25s;transition: all ease 0.25s; }
	a span { -webkit-transition: border ease 0.25s;-moz-transition: border ease 0.25s;-ms-transition: border ease 0.25s;-o-transition: border ease 0.25s;transition: border ease 0.25s; }
	a:focus, a:hover { text-decoration: none;outline:0;color:#485956; }
	img { max-width:100%;height:auto; }
	.container { position: relative; }
	h1 { font-family:"nimbus-sans-condensed",sans-serif, Arial;font-size:26px;line-height:40px;text-transform:uppercase;font-weight:700; color: #8e7f75; }
	h2 { font-family: "nimbus-sans-condensed",sans-serif, Arial;font-size:40px;position:relative;text-transform:uppercase;font-weight:700;margin-bottom:20px;padding-bottom:20px; color: #8e7f75;  }
	h2 span { position:absolute;left:-15px;top:2px;font-size:12px; }
	h3 { font-family:"nimbus-sans-condensed",sans-serif, Arial;font-weight:400;font-size:18px;line-height:25px; margin-left: 80px; }
	h4 { font-family:"nimbus-sans-condensed",sans-serif, Arial;font-weight:400;font-size:18px;line-height:22px;color:#c89632;margin:0; }
	strong, b { font-family:"nimbus-sans-condensed",sans-serif, Arial;font-weight:400;text-transform:uppercase; }
	b { color:#8e7f75; }
	.white {color:#fff; margin-bottom: 30px;}
	p {margin-left: 80px;}
	.right {margin-left: 100px; margin-right:20px;}	
/** ////////////////////// Navigation **/
	 header { -webkit-box-shadow: 0px 5px 5px 0px rgba(36,37,37,0.25);-moz-box-shadow: 0px 5px 5px 0px rgba(36,37,37,0.25);box-shadow: 0px 5px 5px 0px rgba(36,37,37,0.25); }
	.navbar-default { background-color:#485956;height:117px;margin-bottom:0; border:0; }
	.navbar-default .navbar-nav {padding-top:20px;}
	.navbar-default .navbar-nav > li > a { font-family:"nimbus-sans-condensed",sans-serif, Arial;text-transform:uppercase;color:#fff;background-color:transparent;margin-right:42px;height:30px;font-size:18px;font-weight:normal; }
	.navbar-default .navbar-nav > li:last-child a {margin-right:0;}
	.navbar-default .navbar-nav > li > a span { font-size:12px;display:inline-block;width:30px;line-height:12px;margin-bottom:10px; }
	.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li.active > a { background-color:transparent;color:#8e7f75; padding-left:20px }
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { background-color:transparent;color:#8e7f75;}
	.navbar-default .navbar-nav > li.active > a { font-weight:normal; }
	.navbar-default .navbar-nav > li > a:focus span, .navbar-default .navbar-nav > li > a:hover span, .navbar-default .navbar-nav > li.active > a span { border-color:#8e7f75; }
	.nav-pat { left: 3px; position: absolute;top: 14px;z-index: 300;}
	.navbar-logo { margin:35px 0 0 0; }
	.navbar-brand { padding-top:0;padding-bottom:0; width: 400px; }
	@-o-keyframes hide_show {
				0%   {opacity:0; }
				50% {opacity:0.5; }
				100% {opacity:1; }
			}
@-ms-keyframes hide_show {
				0%   {opacity:0; }
				50% {opacity:0.5; }
				100% {opacity:1; }
			}
@-moz-keyframes hide_show {
				0%   {opacity:0; }
				50% {opacity:0.5; }
				100% {opacity:1; }
			}
@-webkit-keyframes hide_show {
				0%   {opacity:0; }
				50% {opacity:0.5; }
				100% {opacity:1; }
			}
@keyframes hide_show {
				0%   {opacity:0; }
				50% {opacity:0.5; }
				100% {opacity:1; }
			}
			
#navigation	{	
				   -webkit-animation-delay: 10000ms;
    animation-delay: 10000ms;
				animation: hide_show 2s;
				-o-animation: hide_show 2s;
				-ms-animation: hide_show 2s;
				-moz-animation: hide_show 2s;
				-webkit-animation: hide_show 2s;
}
			
	
	
/* ////////////////////// Mobile Navigation */
#mobilemenu { display:none;position:fixed;top:0;right:0;width:64px;height:64px;padding:5px 10px;cursor:pointer;z-index:10000; }
.navbar-toggle { background-color: transparent;background-image: none;border: medium none;border-radius: 1px;float: right;margin-bottom: 8px;margin-right: 15px;margin-top: 8px;padding: 9px 10px;position: relative;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background: transparent;}
.navbar-default .navbar-toggle .icon-bar {background-color: #8e7f75;}
.navbar-default .navbar-toggle .icon-bar:hover {color:#fff;}
.navbar-toggle .icon-bar:nth-of-type(2) {top: 1px;}
.navbar-toggle .icon-bar:nth-of-type(3) {top: 2px;}
.navbar-toggle .icon-bar {position: relative;transition: all 500ms ease-in-out 0s;}
.navbar-toggle.active .icon-bar:nth-of-type(1) {top: 6px;transform: rotate(45deg);}
.navbar-toggle.active .icon-bar:nth-of-type(2) {background-color: transparent;}
.navbar-toggle.active .icon-bar:nth-of-type(3) {top: -6px;transform: rotate(-45deg);}
.navbar-default .navbar-toggle {border-color: #009fe3;}


/** ////////////////////// Pattern**/	
	#project .pattern-right {position: absolute; z-index:80; right:2%; top: -150px; opacity: 0.6;}
	#aboutus .pattern-right {position: absolute; z-index:80; right:-200px; top: 222px; opacity: 0.6;}
	.pattern-left {position: absolute; z-index:80; left:-200px; top: -20px; opacity: 0.6;}


/** ////////////////////// SECTIONS **/
/** ////////////////////// Start **/
	#start { padding:0;height:768px;background:url(../images/odel-mall-day.jpg) no-repeat center top transparent;background-size:cover; }
	.start-container { position:absolute; right: 0; width:58%;margin-top: 140px;padding:38px;background:rgba(142, 127, 117, 0.30); }
	.start-container h1 { padding:0;margin:0; }
	.start-container p { font-size:20px;line-height:34px;padding:10px 0;margin:10px 0;position:relative; color: #485956;}

/** //////////////////////  Project**/
	#project { position: relative; padding: 40px 0; }

/** /////////////////////// Uses */
	#uses { position: relative;padding:40px 0; background: #485956; color: #fff; }
	#uses h4 {  }
	#uses a { font-weight:bold;font-size:1.2em; }
	#uses a:hover { color:#242525;}
	
/** //////////////////////  Floors */
	#floors { position: relative;padding:40px 0; background: #fff;}

/** ////////////////////// Uses Colors Floors */
	.floors {height: 20px; width: 50px; float: left; margin-right: 15px;}
	.apartments { background: #7a637f;}
	.cinema { background: #e9807a;}
	.finedining { background: #de9533;}
	.electronics { background: #a44b8d;}
	.odeldepartmentstore { background: #edd945;}
	.mall { background: #cec781;}
	.anchortenan { background: #aea22d;}
	.foodcourt { background: #86675d;}
	.parking { background: #739fa9;}

/** ////////////////////// Parallax-1*/
	#para-1 { padding:0;height:753px;background:url('../images/location-night.jpg') no-repeat bottom center transparent;background-size:cover; }

/** //////////////////////  Location */
	#location { padding:40px 0; }
	#location .info { margin-top:50px; }
	#location .galerie { margin-top:40px; }
	#location .galerie h2 { margin-top:0; }
	#location .galerie h2:after { border:0; }

/** //////////////////////  About us */

	#aboutus {position: relative; padding:40px 0; }

/** //////////////////////  Contact */
	#contact { padding:40px 0;background:#fff; }
	
/** //////////////////////  Gallery */
	#gallery { position: relative;padding:40px 0; background: #485956; color: #fff; }

/** //////////////////////  Parallax-2 */
	#para-2 { padding:0;height:753px;background:url('../images/odel-inner.jpg') no-repeat bottom center transparent;background-size:cover; }

/** //////////////////////  Impressum */
	#impressum { padding:20px 0 0;background:#fff;margin-bottom:20px; }
	#impressum p { font-weight:bold; }


/** //////////////////////  Gallery */
	#swipebox-overlay { background:#485956; }
	#swipebox-action, #swipebox-caption { text-shadow: 1px 1px 1px #242525;background-color: #C89632;background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0d0d0d), color-stop(100%, #BB8925));background-image: -webkit-linear-gradient(#C89632, #BB8925);background-image: -moz-linear-gradient(#C89632, #BB8925);background-image: -o-linear-gradient(#C89632, #BB8925);background-image: linear-gradient(#C89632, #BB8925);filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95); }
	.gallery {margin-left: 80px;}
	.gallery .row {margin-bottom: 40px;}
	
/** //////////////////////  Video */	
.video {width:675px; height:380px;}

.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.responsive-video {
position: relative;
padding-bottom: 56.25%;
padding-top: 0px;
height: 0;
overflow: hidden;
}
/* Media Queries */

@media (max-width: 1200px) {
	.navbar-default { height:100px;}
	.navbar-default .navbar-nav > li > a { margin-right:24px;height:30px;}

}

@media (max-width: 1200px) {
	.navbar-default { height:100px;}
	.navbar-logo { margin:35px 0 0 0;width: 300px; }

/** Pattern**/	
	#project .pattern-right {position: absolute; z-index:80; right:-200PX; top: -150px; opacity: 0.6;}
	#aboutus .pattern-right {position: absolute; z-index:80; right:-300px; top: 280px; opacity: 0.6;}
	.pattern-left {position: absolute; z-index:80; left:-400px; top: -20px; opacity: 0.6;}
}


@media (min-width: 993px) {
	#nutzungsvielfalt .geschoss .col-md-7 { border-right:1px solid #242525; }
	#nutzungsvielfalt .geschoss-vermietet p { margin-top:32px;padding:0;background:none; }
	#nutzungsvielfalt #geschoss_4 .geschoss-vermietet p { margin-top:16px; }
	#nutzungsvielfalt .geschoss-vermietet img { margin-top:3px; }
    
}
	
@media (max-width: 992px) {
	.navbar-default .navbar-nav > li > a { margin-right:0;}	
	.navbar-logo { width: 200px;}
	.start-container { position:absolute; right: 0; width:58%;margin-top: 85px;padding:38px;background:rgba(142, 127, 117, 0.30); }
	.start-container h1 {font-size: 22px; line-height: 28px; padding:0;margin:0; }
	.start-container p { font-size:18px;line-height:24px;padding:10px 0;margin:0 0;position:relative; color: #485956;}
	
	.video {width:100%; min-height:380px;}
	.gallery {margin-left: 0;}
	p {margin-left: 0;}
	h3 {margin-left: 0; }
.right {margin-left: 10px; margin-right: 20px;}
#aboutus .pattern-right {top:-190px;}
}

@media (max-width: 768px) {
	p { -webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto; }
	h2 { font-size:26px; }

	header .container { position:initial; } 
	
	#mobilemenu { display:block; }
	
	.navbar-default { height:64px; }
	.navbar-brand { height:30px; }
	.navbar-logo { margin:20px 0 0 0;}
	.move { -o-transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease; }
	
	.navbar-nav { position:fixed;top:0px;right:-60%;width:60%;height:100%;overflow:auto;margin:0;background:#4A5957;z-index:10000;display:block; }
	.navbar-nav br { display:none;visibility:hidden; }
	#navigation.collapsing { position:initial; } 
	.navbar-default .navbar-nav { padding-top: 64px;	}
	
	.navbar-default .navbar-nav > li > a:last-child {margin-right: 0;}
	
	.navbar-default .navbar-nav > li { width:auto !important;overflow:hidden; border-bottom: 1px solid #fff }
	.navbar-default .navbar-nav > li.waehlen { height:64px;padding:5px 10px;line-height:54px;text-align:center; }
	.navbar-default .navbar-nav > li > a { margin-right:0 !important;padding:5px 10px;height:64px;font-size:14px;line-height:54px; }
	.navbar-default .navbar-nav > li > a span { border:0;width:15px; }
	.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li.active > a { color:#fff; }
	
	.nav-pat { display: none;}
	
	#start { margin-top:40px; }
	.start-container {margin-top: 26px; position:relative;width:90%;padding:5%; left: 5%; }


	body.open { height:100%;overflow:hidden;max-height:100%; }
	body.open .navbar-nav { right:0; }
	body.open #navigation { position:fixed;top:0;left:0;width:100%;height:100%;margin:0;padding:0;background-color:rgba(36, 37, 37, 0.5);z-index:9999; }
	body.open #mobilemenu { background-color:#4A5957;background-position:-64px -64px; }
	
	.right {margin: 0 0 30px 0;}
		.floor-description { margin:0 0 30px 35px; }
	

	
	
}

@media (max-width: 480px) {
	#para-2 { padding:0;height:500px;background:url('../images/odel-inner.jpg') no-repeat bottom center transparent;background-size:cover; }

	#project .pattern-right {display: none;}
	#aboutus .pattern-right {display: none;}
	.pattern-left {display: none;}
	
	.responsive-video {
position: relative;
padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
}
}