/* Custom CSS Styles */

#wrapper { width: 100%; height: 100%; overflow: hidden; position: relative; float: left; }


/* Brand Colours 

Orange: #FF9900   rgb(255,153,0)
Green: 	#87B725   rgb(135,183,37)
Brown:  #4b4032
Light Brown: #625443;
Yellow: #FBD870
Grey:   #3a3835;
Grey light:  #484542;

*/

/* Complete */

@font-face {
    font-family: "Circular-Pro-Black";
    src:url("../fonts/lineto-circular-pro-black.eot");
    src:url("../fonts/lineto-circular-pro-black.eot?#iefix") format("embedded-opentype"),
        url("../fonts/lineto-circular-pro-black.woff2") format("woff2"),
        url("../fonts/lineto-circular-pro-black.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Circular-Pro-Book";
    src:url("../fonts/lineto-circular-pro-book.eot");
    src:url("../fonts/lineto-circular-pro-book.eot?#iefix") format("embedded-opentype"),
        url("../fonts/lineto-circular-pro-book.woff2") format("woff2"),
        url("../fonts/lineto-circular-pro-book.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}


#scene {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -100
}

#scene.layered-visible {
    z-index: 8
}

#bs-example-navbar-collapse-1 { height: 100%; }
#bs-example-navbar-collapse-1.closed { height: 0; }

/* Custom Fonts */

body { 
	font-family: "Circular-Pro-Book", "helvetica nenu", helvetica, arial, sans-serif !important;
	font-style: normal;
	font-weight: 400;
}

body p { 
	font-family: "Circular-Pro-Book", "helvetica nenu", helvetica, arial, sans-serif !important;
	font-style: normal;
	font-weight: 400 !important;
}

h1, h2, h3, h4, h5 { 
	font-family: "Circular-Pro-Black", "helvetica nenu", helvetica, arial, sans-serif !important;
	font-style: normal !important;
	font-weight: 400 !important;
}

img.wide { width: 100%; height: auto; }

/* No animate */
.no-animate {
 -o-transition-property: none !important; -moz-transition-property: none !important; -ms-transition-property: none !important; -webkit-transition-property: none !important; transition-property: none !important; -o-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -webkit-transform: none !important; transform: none !important; -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important;
}

/* Pano Title */

.pano-info { position: absolute; overflow: hidden; z-index: 1000; margin: 0; padding: 0; bottom: 20px; left: 20px; max-width: 270px; }

.panorama-title, .panorama-desc { 
	font-family: "Circular-Pro-Book", "helvetica nenu", helvetica, arial, sans-serif !important; font-style: normal !important; font-weight: 400 !important;
	display: block; color: #FFF; font-size: 1.10em; font-weight: 200; 
	clear: both; margin: 0 0 3px 0; text-shadow: 0px 0px 2px rgba(0,0,0, 0.7); 
}

body.en .panorama-desc { display: none; }
body.en .panorama-title { display: block; }

body.de .panorama-title { display: none; }
body.de .panorama-desc { display: block; }

/* Hide Last menus in Navbar */
.navbar-nav li.dropdown:nth-child(5), 
.navbar-nav li.dropdown:nth-child(6), 
.navbar-nav li.dropdown:nth-child(7), 
.navbar-nav li.dropdown:nth-child(8), 
.navbar-nav li.dropdown:nth-child(9),
.navbar-nav li.dropdown:nth-child(10),
.navbar-nav li.dropdown:nth-child(11),
.navbar-nav li.dropdown:nth-child(12) {
    display:none;
}

/* Help / Start Screen */

#menu-de { display: none; }

.donate { display: none; }
.book { display: none; }
.back-button { display: none; }
.toggleMap.close2 { display: none; }


#help { 
	width: 80%; height: auto; top: 10%; left: 10%; margin: 0 auto;
	position: absolute; z-index: 9999; 
	background: rgba(255,255,255,1); display: none; 
	padding: 20px; cursor: pointer; 
}
#help img { width: 90%; height: auto; display: block; margin: 0 auto; }

#help .lang-switch { display: none; }

#help .close-btn { 
	width: 35px; height: 35px; 
	top: -15px; right: -15px;
	padding: 0px;
	display: block; position: absolute;
	background: url(../img/close.png) no-repeat center; background-size: 100%; 
	cursor: pointer;
}

#help h1 { margin: 0 0 20px 0; }
#help p  { font-size: 18px; margin: 0 0 20px 0; }

#help .help-item { display: block; width: 100%; clear: both; overflow: hidden; margin: 5px 0; }
#help .help-item img { float: left; width: 50px; margin-right: 20px; }
#help .help-item p { font-size: 16px; color: #666; line-height: 20px; padding-top: 20px; margin: 0; }

/* Mobile Header */

.container-fluid { padding: 0 10px; margin: 0; }
.container-fluid > .navbar-header { margin: 0; }

.navbar-default { background-color: #FF9900; background-size: 100%;border: none;padding: 0; height: 50px; }

a.logo { 
	display: block; padding: 0; 
	background: url(../img/lions-rock-logo.png) no-repeat left center; background-size: 100%; 
	width: 70px; height: 60px; 
	margin: 0; top: 5px; left: 10px;
	position: absolute;
	z-index: 6000;
}

.fixed-top .navbar-collapse { max-height: none; }
.navbar-fixed-bottom, .navbar-fixed-top { z-index: 5000; }
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: 1500px !important; }

.navbar-default .navbar-collapse, .navbar-default .navbar-form { border: none; }

.navbar-header { float: right; display: block; width: 100%; }

.navbar-toggle { float: right; }

/* Toogle Mobile Menu Button */

.navbar-default .navbar-toggle .icon-bar { background-color: #FFF; }
.navbar-toggle:hover { background-color: none !important; }

button.navbar-toggle { 
	background-color: #FF9900 !important;
	background: url(../img/arrow-down3.png) no-repeat right center; background-size: 15px;
	padding: 15px 25px 15px 15px;
	border: none; text-transform: uppercase; font-weight: 200; letter-spacing: 0.2em;
	margin: 0 10px 0 0;
	border-radius: 0; -webkit-border-radius: 0;
	content: "views";
	font-family: "proxima-nova", "helvetica nenu", helvetica, arial, sans-serif;
}
button.navbar-toggle span:before { content: "menu"; }

button.navbar-toggle.up { 
	background: url(../img/arrow-up3.png) no-repeat right center; background-size: 15px;
}
button.navbar-toggle.down span:before { content: "hide"; }

button.navbar-toggle span { font-size: 12px; color: #FFF; }

/* Navigation */

.navbar-nav { float: left; margin: 0; width: 100%;  }
.navbar-nav li { width: 100%; background-color: #FFF; }
.navbar-nav li a { 
	color: #666;
	height: 50px; line-height: 50px; padding: 0 25px; 
	letter-spacing: 0.05em; 
	font-family: "Circular-Pro-Book", 'helvetica neue', 'helvetica', arial, sans-serif; font-weight: 300;
	vertical-align: middle; font-size: 14px; text-align: right;
	outline: 0;
	border-bottom: 1px solid #EEE;
	cursor: pointer;
}

.navbar-nav > li > a:hover { cursor: pointer; }

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #333;

}



/* Dropdown Mobile */

#dropdown-menu { padding: 0 !important; }
.dropdown-menu { 
	padding: 0 !important; 
	max-height: 226px; overflow: auto; /* set max height for scrolling */ 
}

.navbar-nav .open .dropdown-menu > li > a { padding: 0px 20px; height: 50px; line-height: 50px; cursor: pointer; }
.navbar-nav li.dropdown.open .dropdown-menu > li > a:hover { background-color: #222 !important; }

.navbar-nav li .dropdown-menu.open { background-color: #FFF; }
.navbar-nav li .dropdown-menu li a { background-color: #333 !important; color: #FFF !important; border-bottom: 1px solid #444; font-weight: 200; font-family: "Circular-Pro-Book", 'helvetica neue', arial, sans-serif !important; }
.navbar-nav li .dropdown-menu li a:hover { background: #222 !important; color: #FFF !important; }

.navbar-nav li.dropdown a.dropdown-toggle { 
	background: url(../img/arrow-up2.png) no-repeat right 25px center #FFF; background-size: 15px; 
	border-bottom: 1px solid #eee;
}
.navbar-nav li.dropdown a.dropdown-toggle.up { 
	background: url(../img/arrow-down2.png) no-repeat right 25px center #FFF; background-size: 15px; 
}

.caret {
    display: inline-block;
}


/* ///////////////////////////// SIDEBAR ///////////////////////////////// */

#sidebar { display: none; top: 50px; width: 100%; height: 100%; left: 0; background-color: #4b4032 /* #3a3835 */; padding: 0px; position: absolute; z-index: 2000; color: #FFF; }
#sidebar .sidebar-inner { padding: 20px; overflow: auto; height: 90%; min-width: auto; max-width: auto; }
#sidebar h4 { color: #FFF; font-size: 25px; line-height: 35px; margin: 0 0 20px 0; padding: 0;}
#sidebar p { color: #CCC; font-size: 14px; line-height: 18px; max-width: 350px; } 

#sidebar a.close-sidebar { 
	width: 30px; height: 30px;
	bottom: 0; right: 0px;
	display: block; position: absolute;
	background: url(../img/close.png) no-repeat center; background-size: 100%; 
}

#sidebar ul { padding: 0; margin: 0; list-style: none; }
#sidebar ul * { -webkit-transition: all .3s ease-in; transition: all .3s ease-in;  }
#sidebar ul li { padding: 0; margin: 0; }
#sidebar ul li a { 
	padding: 12px 0; font-size: 14px; line-height: 14px; 
	color: #CCC; 
	text-transform: uppercase; text-decoration: none; 
	border-top: 1px solid #625443; 
	display: block;
}
#sidebar ul li a:hover, #sidebar ul li a:focus { color: #87B725; }

#sidebar ul li.has-sub { background: url(../img/arrow-down2.png) no-repeat right top 20px; background-size: 20px; }
#sidebar ul li.has-sub a { padding-right: 40px; }
#sidebar ul li.has-sub ul { display: none; overflow: hidden; padding-left: 40px; }
#sidebar ul li.has-sub ul li a { font-weight: 200; }

#sidebar ul li a.lodge { background: url(../img/icon-lodge.png) no-repeat left center; }
#sidebar ul li a.cafe { background: url(../img/icon-cafe.png) no-repeat left center; }
#sidebar ul li a.bar { background: url(../img/icon-bar.png) no-repeat left center; }
#sidebar ul li a.accommodation { background: url(../img/icon-bed.png) no-repeat left center; }
#sidebar ul li a.shop { background: url(../img/icon-shop.png) no-repeat left center; }
#sidebar ul li a.functions { background: url(../img/icon-functions.png) no-repeat left center; }
#sidebar ul li a.pool { background: url(../img/icon-pool.png) no-repeat left center; }
#sidebar ul li a.lounge { background: url(../img/icon-lounge.png) no-repeat left center; }
#sidebar ul li a.patio { background: url(../img/icon-patio.png) no-repeat left center; }

#sidebar ul li a.icon { padding-left: 40px; background-size: 20px; }
#sidebar ul li a.icon.shrink { background-size: 15px; }


/* Thumbnails */

#sidebar .thumbnails-wrapper { width: 100%; margin-top: 20px; }
#sidebar .thumbnails-container { display: block; overflow: hidden; margin: 0; }

#sidebar .thumbnail * { -webkit-transition: all 0.3s ; transition: all 0.3s; }

#sidebar .thumbnails-container .thumbnail { 
	position: relative; float: left; display: inline-block; margin: 0px 0 10px 0; width: 49%; 
	padding: 0; border-radius: 0; cursor: pointer; background: none;
	border: 1px solid #333; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
#sidebar .thumbnails-container .thumbnail:nth-child(even) { margin-left: 2%; }
#sidebar .thumbnails-container .thumbnail.null { pointer-events: none; }

#sidebar .thumbnails-container .thumbnail.wide { width: 100%; max-width: 350px; margin: 0 0 20px 0; }

#sidebar .thumbnail img { width: 100%; height: auto; display: block; }

#sidebar .thumbnail .caption { position: absolute; background-color: rgba(0,0,0,0.6); display: block; padding: 10px; bottom: 0;}
#sidebar .thumbnail .caption p { overflow: hidden; margin: 0; padding: 0; color: #CCC; font-size: 14px; font-weight: 400; }

#sidebar .thumbnail:hover { border: 1px solid #87B725; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
#sidebar .thumbnail:hover .caption, .thumbnail:focus .caption { background-color: rgba(0, 0, 0, 0.8); cursor: pointer; }
#sidebar .thumbnail:hover .caption p, .thumbnail:focus .caption p { color: #FFF; }

#sidebar a.fp-logo { 
	width: 100px; height: 100px; display: block; float: right; clear: both; margin-top: 20px;
	background: url(../inline/img/fp-logo.png) no-repeat center; background-size: 100%;
}
#sidebar a.fp-logo.de { 
	background: url(../inline/img/fp-logo-de.png) no-repeat center; background-size: 100%;
}


/* /////////////////////////// CUSTOM UI BUTTONS ///////////////////////////////// */

#commands { display: none !important; }

#nav-bubbles { display: none !important; }

#commands { top: 10px; left: 50%; margin-left: -60px; }
#commands a { width: 50px; height: 50px; }

#commands-optional { z-index: 500; position: fixed; }

#commands-optional.bottom-right { bottom: 10px; right: 15px; }
#commands-optional.bottom-left { bottom: 10px; left: 15px; }
#commands-optional.top-right { top: 60px; right: 15px; }
#commands-optional.top-left { top: 60px; left: 15px; }

#commands-optional a.autorotation { display: none; }
#commands-optional a.fullscreen { display: none; margin-left: 5px; }

#commands-optional a.fullscreen.enter { background: url(../img/fullscreen.png) no-repeat center; background-size: 70%; }
#commands-optional a.fullscreen.exit { background: url(../img/fullscreen-exit.png) no-repeat center; background-size: 70%; }

#commands-optional a.autorotation { background: url(../img/pause.png) no-repeat center; background-size: 80%; }
#commands-optional a.autorotation.on { background: url(../img/pause.png) no-repeat center; background-size: 80%; }
#commands-optional a.autorotation.off { background: url(../img/play.png) no-repeat center; background-size: 80%; }

/* Toggle Hotspots */
#commands-optional a.toggleHotspots.off { background: url(../img/btn-marker-on.png) no-repeat center; background-size: 100%; display: none; }
#commands-optional a.toggleHotspots.on { background: url(../img/btn-marker-off.png) no-repeat center; background-size: 100%; display: none; }
#commands-optional a.toggleHotspots.active { display: none; }
#commands-optional a.toggleHotspots.hidden { display: none; }

#commands-optional a.toggleLegend { background: url(../img/icon-key-colors.png) no-repeat center; background-size: 100%; }
#commands-optional a.toggleLegend.active { opacity: 1; }

#commands-optional a {
    background-position: center;
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    opacity: 1;
    -webkit-opacity: 1;
}

#commands-optional a:hover { opacity: 1; -webkit-opacity: 1; }


/* Toogle Map */

#mapcontainer { width: 30% !important; }

#commands-optional a.toggleMap { display: none; margin-left: 3px; }

#commands-optional a.toggleMap.open { background: url(../img/icon-map.png) no-repeat center; background-size: 95%; }
#commands-optional a.toggleMap.close2 { background: url(../img/icon-map.png) no-repeat center; background-size: 95%; display: none; }

a.toggleMap.close { 
	top: 47.5%; right: 28.5%; display: none; 
	background: url(../img/close.png) no-repeat center; background-size: 100%; 
	position: absolute; z-index: 9999; 
	opacity: 1; -webkit-opacity: 1; 
}

/* Back button */

a.back-button { 
	position: absolute; z-index: 1000; display: block; 
	top: 50%; left: 0px; padding: 20px; 
	background: url(../img/arrow-left3.png) no-repeat left 10px center; background-size: 15px; 
	background-color: rgba(37,32,19,0.4); text-decoration: none;
	-webkit-transition: all .3s ease-in; transition: all .3s ease-in;
}
a.back-button span { font-size: 16px; color: #FFF; text-transform: uppercase; display: none; }
a.back-button:hover { background-color: #666; }

/* Calls to Action  */

.cta { display: block; overflow: hidden; position: absolute; z-index: 1000; margin: 0; bottom: 15px; right: 15px; }
.cta a { 
	padding: 20px; margin: 0 0 0 5px; color: #FFF; 
	display: inline-block; float: left; border-radius: 100px; 
	text-decoration: none; font-size: 12px; 
	-webkit-transition: all 0.3s ; transition: all 0.3s; border: 0; cursor: pointer;
}
.cta a span { display: none; }

.cta a.prospectus { background: url(../img/icon-book.png) no-repeat center; background-size: 20px; }
.cta a.visit { background: url(../img/icon-visit.png) no-repeat center; background-size: 14px; }
.cta a.share { background: url(../img/icon-share.png) no-repeat center; background-size: 14px; }
.cta a.donate { background: url(../img/icon-donate.png) no-repeat center; background-size: 20px; display: none; }
.cta a.book { background: url(../img/icon-book.png) no-repeat center; background-size: 20px; display: none; }

.cta a { background-color: rgb(135,183,37) !important; background-color: rgba(135,183,37,0.7) !important; }
.cta a:hover, .cta a:focus { background-color: rgb(135,183,37,1) !important; }


/* Back button */

a.back-button { 
	position: absolute; z-index: 1000; display: block; 
	top: 50%; left: 0px; padding: 20px; 
	background: url(../img/arrow-left3.png) no-repeat left 10px center; background-size: 15px; 
	background-color: rgba(37,32,19,0.4); text-decoration: none;
	-webkit-transition: all .3s ease-in; transition: all .3s ease-in;
	cursor: pointer;
}
a.back-button span { font-size: 16px; color: #FFF; text-transform: uppercase; display: none; }
a.back-button:hover { background-color: rgba(37,32,19,0.4); }

/* LANG SWITCH MAIN */

/* Laguage Switch and Tabs */

.lang-switch-main { position: absolute; z-index: 9000; left: 80px; top: 10px; display: block; overflow: hidden; }
.lang-switch-main a { display: inline-block; float: left; padding: 5px 10px; color: #FFF; text-decoration: none; text-transform: uppercase; font-size: 14px; outline: none; opacity: 0.6; -webkit-opacity: 0.6;}
.lang-switch-main a:first-child { border-right: 1px solid rgba(255,255,255,0.4); }
.lang-switch-main a:hover, .lang-switch a:focus { text-decoration: none; cursor: pointer; }
.lang-switch-main a.active { font-weight: bold; opacity: 1; -webkit-opacity: 1; }

/* Add This Sharing */

.addthis_inline_share_toolbox_guit { padding: 20px; display: block; }








/* //////////////////////////////// large mobiles //////////////////////////////// */

@media screen and (min-width: 500px) {

	#help { top: 25%; }


}

/* //////////////////////////////// ipad portrait //////////////////////////////// */

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

	.lang-switch-main { left: 120px; top: 15px; }

	#help .lang-switch { display: block; right: 0;}

	/* Help / Start Screen */
	#help { 
		width: 500px; height: auto; margin: -150px 0 0 -250px; left: 50%; top: 50%;
		padding: 20px; cursor: pointer;
	}

	a.logo { width: 100px; height: 80px; top: 10px; left: 20px; }

	#sidebar { top: 60px; width: auto; left: auto; right: 0; min-width: 300px; }
	#sidebar .sidebar-inner { padding: 20px; max-width: 400px; }
	#sidebar .switch a { font-size: 16px; padding: 10px; }
	#sidebar a.close-sidebar { width: 30px; height: 30px; padding: 20px; top: 40%; left: -20px; }
	#sidebar ul li a { padding: 15px 0; font-size: 16px; line-height: 16px; }

	.container-fluid { padding: 0 10px; }

	.navbar * { -webkit-transition: all 0.3s ; transition: all 0.3s; }

	.navbar-default { height: 60px; }

	.navbar-header { float: right; display: block; width: 300px; position: absolute; z-index: 100; right: 20px; }

	.dropdown-menu { max-height: 2000px; overflow: hidden; } 

	/* Pano Title */
	.pano-info { bottom: 20px; left: 20px; max-width: 500px; }
	.panorama-title, .panorama-desc { font-size: 1.5em; font-weight: 200; margin: 0; }

	/* Standard Navigation */

	.navbar-nav { margin: 0; height: 100% !important; height: 60px; width: auto; float: right; }
	.navbar-nav li { width: auto; height: 60px; border-right: 1px solid #FFBB00; float: left; background: #FF9900; }
	.navbar-nav li:first-child { border-right: 1px solid #FFBB00; }

	.navbar-nav li a { 
		height: 60px; line-height: 60px; padding: 0px 15px; color: #FFF !important; 
		vertical-align: middle; font-size: 12px; font-weight: 400; width: auto;
		font-family: "circ-pb-med", 'helvetica neue', arial, sans-serif !important;
		-webkit-transition: all 0.3s ; transition: all 0.3s; border: 0; 
	}


	.navbar-nav li a.active { /* background: url(../img/arrow-brown-up.png) no-repeat bottom center !important; */ background-size: 20px !important; color: #4b4032 !important; }
	.navbar-nav ul.dropdown-menu li a { font-family: "Circular-Pro-Book", 'helvetica neue', arial, sans-serif; }
	.navbar-nav li a:hover { color: #4b4032 !important; }
	.navbar-nav li.dropdown a.dropdown-toggle { border: 0; }
	.dropdown-menu { 
		padding: 0; 
		border-radius: 0px; border: 0 !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; 
		margin: 0 !important;
		-webkit-box-shadow: 0 !important;
		box-shadow: none !important;
		left: 0;
		right: auto;
	}
	
	.dropdown-menu li { width: auto; height: auto; background: #333; }
	
	.navbar-nav .dropdown-menu li a { 
		height: 50px; line-height: 50px !important; 
		padding: 0 20px; 
		color: #EEE !important; 
		background-color: #FFF !important;
		text-align: left; 
		font-weight: normal;
		width: 270px;
	}

	.navbar-nav .open .dropdown-menu > li > a { height: 50px; line-height: 50px; }
	.navbar-nav li .dropdown-menu li a { background-color: #4F2F1C !important; color: #EEE !important; }
	.navbar-nav li.dropdown.open .dropdown-menu > li > a:hover { color: #FFF !important; background-color: #4F2F1C !important; }
	.caret { display: inline-block; }

	/* Custom Buttons */

	#commands { bottom: 15px; left: 50%; margin-left: -60px; }
	#commands a { width: 40px; height: 40px; }

	#commands-optional.bottom-right { bottom: 15px; right: 15px; }
	#commands-optional.bottom-left { bottom: 15px; left: 15px; }
	#commands-optional.top-right { top: 80px; right: 10px; }
	#commands-optional.top-left { top: 70px; left: 15px; }
	
	#commands-optional a { width: 40px; height: 40px; }
	#commands-optional a.autorotation { display: inline-block; }
	
	/* Toogle Map */

	#commands-right { right:15px; top:45%; width:40px; height:40px; }
	#commands-optional a.toggleMap.open { display: inline-block; }
	#commands-optional a.toggleMap.close2 { display: inline-block; }

	a.toggleMap.close { right: 28.5%; width: 40px; height: 40px; }

	/* Toggle Hotspots */

	#commands-optional a.toggleHotspots.off { display: inline-block; }
	#commands-optional a.toggleHotspots.on { display: inline-block; }
	#commands-optional a.toggleHotspots.active { display: inline-block; }


}

/* //////////////////////////////// full wide version //////////////////////////////// */

@media screen and (min-width: 960px) {

	.lang-switch-main { left: 140px; top: 15px; }

	/* Help / Start Screen */

	#help { 
		width: 600px; height: auto; margin: -200px 0 0 -300px;
		padding: 30px; cursor: pointer;
	}

	a.logo { width: 120px; height: 100px; top: 10px; left: 20px; }

	.container-fluid { padding: 0 20px; }

	#sidebar { top: 60px; }
	#sidebar .sidebar-inner { padding: 30px; }
	#sidebar .switch { margin-bottom: 30px; }

	.navbar-brand { 
		background: url(../img/fal-uni-logo.png) no-repeat left center; background-size: 100%; 
		width: 130px; height: 33px; 
		margin: 14px 0 0 10px !important;
	}

	/* Pano Title */
	.pano-info { bottom: 25px; left: 30px; max-width: 700px; }
	.panorama-title, .panorama-desc { font-size: 1.5em; font-weight: 200; margin: 0; }

	.navbar-nav li a { font-size: 1.1em; padding: 0 20px; font-family: "Circular-Pro-Book", 'helvetica neue', arial, sans-serif !important; }
	.navbar-nav ul.dropdown-menu li a { font-family: "Circular-Pro-Book", 'helvetica neue', arial, sans-serif !important; }

	.dropdown-menu { margin-right: -55px !important; }

	/* Custom Ui Buttons */
	#commands { bottom: 15px; margin-left: -90px; }
	#commands a { width: 55px; height: 55px; }
	
	#commands-optional.bottom-right { bottom: 20px; right: 20px; }
	#commands-optional.bottom-left { bottom: 20px; left: 20px; }

	#commands-optional.top-right { top: 75px; right: 15px; }
	#commands-optional.top-left { top: 75px; left: 20px; }

	#commands-optional a { width: 40px; height: 40px; }

	#commands-optional a.fullscreen { display: inline-block; }
	
	/* Toogle Map */
	#commands-right { right:20px; top:45%; width:45px; height:45px; }

	a.toggleMap.close { right: 28.5%; width: 45px; height: 45px; }

	/* Back button */

	a.back-button { 
		top: 50%; left: 0px; padding: 30px 30px 30px 25px; 
		background: url(../img/arrow-left3.png) no-repeat left 15px center; background-size: 20px; background-color: rgba(37,32,19,0.4);
	}
	a.back-button span { display: none; }


	/* Calls to Action  */

	.cta { bottom: 20px; right: 20px; }
	.cta a { padding: 10px 15px 10px 40px; margin: 0 0 0 10px; font-size: 14px; }
	.cta a span { display: block; }
	.cta a.donate { background: url(../img/icon-donate.png) no-repeat left 15px center; background-size: 25px; padding-left: 50px; }
	.cta a.visit { background: url(../img/icon-visit.png) no-repeat left 15px center; background-size: 14px; }
	.cta a.share { background: url(../img/icon-share.png) no-repeat left 15px center; background-size: 16px; padding-left: 45px; }
	.cta a.book { background: url(../img/icon-book.png) no-repeat left 15px center; background-size: 20px; padding-left: 45px; }

	.cta a { background-color: rgb(135,183,37,0.6) !important; }
	.cta a:hover, .cta a:focus { background-color: rgb(135,183,37,1) !important; }

	/* Back button */

	a.back-button { 
		top: 50%; left: 0px; padding: 30px 30px 30px 25px; 
		background: url(../img/arrow-left3.png) no-repeat left 15px center; background-size: 20px; background-color: rgb(88,54,36,0.4);
	}
	a.back-button span { display: none; }

}


/* //////////////////////////////// very wide version //////////////////////////////// */

@media screen and (min-width: 1200px) {

	.lang-switch-main { left: 160px; top: 20px; }

	#sidebar { top: 70px; }
	#sidebar .sidebar-inner { padding: 30px; max-width: 600px; }
	#sidebar .switch { margin-bottom: 30px; }
	#sidebar .thumbnail .caption { padding: 10px; }
	#sidebar .thumbnail .caption p { font-size: 18px; }

	.pano-info { bottom: 40px; left: 45px; max-width: 900px; font-size: 1.2em; }

	.container-fluid { padding: 0 20px; }

	.navbar-default { height: 70px; }

	.navbar-brand { 
		background: url(../img/lions-rock-logo.png) no-repeat left center; background-size: 100%; 
		width: 160px; height: 40px; 
		margin: 15px 0 0 10px !important;
	}

	.navbar-nav li { height: 70px; }
	.navbar-nav li a { font-size: 1.2em; padding: 0 20px; height: 70px; line-height: 70px; font-weight: 200; }
	.navbar-nav .dropdown-menu li { height: auto; padding: 0; }
	.navbar-nav .dropdown-menu li a { font-size: 0.9em; line-height: auto; }

	.dropdown-menu { margin-right: -55px !important; }


	/* Custom Buttons */
	#commands { bottom: 30px; margin-left: -90px; }
	
  	#commands-optional.bottom-right { bottom: 30px; right: 30px; }
	#commands-optional.bottom-left { bottom: 30px; left: 30px; }

	#commands-optional.top-right { top: 90px; right: 20px; }
	#commands-optional.top-left { top: 80px; left: 30px; }

  	#commands-optional a { width: 40px; height: 40px; }

	a.toggleMap.close { right: 28.7%; }

  	#commands-right { right:30px; top:45%; width:45px; height:45px; }
	

  	/* Calls to Action  */
	.cta { bottom: 30px; right: 30px; }
	.cta a { padding: 12px 17px 12px 40px; margin: 0 0 0 10px; font-size: 16px; }

}

/* //////////////////////////////// very very wide version //////////////////////////////// */

@media screen and (min-width: 1200px) {

	a.logo { width: 140px; height: 120px; top: 10px; left: 20px; }

	.panorama-title, .panorama-desc { font-size: 1.5em; }

}