/* Default KrPano Styles */

@-ms-viewport { width: device-width; }
@media only screen and (min-device-width: 800px) { html { overflow:hidden; } }
* { padding: 0; margin: 0; }

#container { height: 100%; height: 100%; min-height: 100%; width: 100%; margin: 0; right: 0; top: 0; }
#tourDIV { padding: 0; margin: 0; width: 100%; height: 100%; min-height: 100%; position: relative; overflow: hidden; display: block; right: 0; top: 0; }

/* #panoDIV { padding: 0; margin: 0; z-index: 1; }  */


/* Custom CSS Styles */

#wrapper { width: 100%; height: 100%; min-height: 100%; overflow: hidden; position: relative; display: block; }

#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 */

html, body { width: 100%; height: 100%; min-height: 100%; overflow: hidden; }

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

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

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

.stripes { width: 100%; height: 5px; position: absolute; z-index: 2000; top: 0; left: 0; background: url(../img/stripes.png) no-repeat top left; background-size: 100%; }

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

/* Help / Start Screen */
#help { 
	width: 250px; height: auto; left: 50%; top: 50%; margin: -60px 0 0 -125px;
	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 .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;
}

/* Pano Title */

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

.panorama-title { display: block; color: #FFF; font-size: 1.10em; font-weight: 200; clear: both; margin: 0 0 3px 0; text-transform: uppercase; text-shadow: 0px 0px 2px rgba(0,0,0, 0.7); }
.panorama-desc { display: block; color: #EEE; font-size: 1em; font-weight: 200; clear: both; margin: 0; }


/* Header */

header { width: 100%; display: block; top: 0px; position: absolute; z-index: 1000; height: 55px; }
header.bkg { background-color: #93D5EF; }

.logo { 
	width: 120px; height: 70px; 
	display: block; padding: 0; margin: 0; 
	background: url(../img/falmouth-week-2025.png) no-repeat left center; background-size: 100%; 
	left: 10px; top: 5px;
	position: absolute; z-index: 1500;
	/* -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.17);
	-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.17);
	box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.17); */

}

.logo img { width: 100%; height: auto; display: block; }

/* Toggle Views Button */

.toggle-views { 
	top: 20px; right: 15px; font-size: 16px; padding: 8px 20px 8px 60px; 
	position: absolute;  z-index: 1000; 
	 border: 2px solid #FFF; 
	border-radius: 100px; -webkit-border-radius: 100px; 
	color: #FFF !important;  text-align: right; 
	background: url('../img/icon-eye.png') no-repeat left 20px center;
	background-size: 30px; text-decoration: none !important;
	-webkit-transition: all 0.3s ; transition: all 0.3s;
}
.toggle-views:hover { background-color: rgba(0,0,0,0.3); backdrop-filter: blur(10px); }

/* Header Nav */

header * { -webkit-transition: all .3s ease-in; transition: all .3s ease-in; } 

header ul { list-style-type: none; display: block; overflow: hidden; margin: 55px 0 0 0; float: right; width: 100%; }
header ul li { list-style-type: none; width: 100%; }
header ul li a { 
	text-transform: uppercase; 
	padding: 15px; font-size: 14px; display: inline-block; text-decoration: none; 
	 font-weight: 300;
	letter-spacing: 0.1em; outline: none; 
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: block; text-align: right;
    color: #666; background-color: rgba(255,255,255,1);
    border-bottom: 1px solid #93D5EF;
    cursor: pointer;
    text-transform: uppercase;
}

header ul li:last-child a { border-bottom: 0; }

header ul li a:hover { color: #666; text-decoration: none; outline: none; }

/* header ul li a:focus, header ul li a:visited, header ul li a:active { outline: none; color: #666; text-decoration: none; }
header ul li a.active { outline: none; text-decoration: none; } */

.nav-main { display: none; }

/* Nav Icon */

.nav-icon {
	top: 20px; right: 15px;
  	width: 30px; height: 20px;
  	position: absolute; margin: 0;
  	-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);
  	-webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out;
  	cursor: pointer;
}

.nav-icon span {
	display: block; position: absolute;
  	height: 2px; width: 100%;
  	background: #FFF;
  	border-radius: 0px; opacity: 1; left: 0;
  	-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg);
  	transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;
}

.nav-icon span:nth-child(1) { top: 0px; }
.nav-icon span:nth-child(2), .nav-icon span:nth-child(3) { top: 10px; }
.nav-icon span:nth-child(4) { top: 20px; }

.nav-icon.cross span:nth-child(1) { top: 10px; width: 0%; left: 50%; }
.nav-icon.cross span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.nav-icon.cross span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.nav-icon.cross span:nth-child(4) { top: 12px; width: 0%; left: 50%; }


/* Gradient */

.gradient-bottom {
  width: 100%;
  height: 20vh;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0,0,0,0));
  position: absolute;
  bottom: 0;
  pointer-events: none;
}

.gradient-top {
  width: 100%;
  height: 20vh;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0,0,0,0));
  position: absolute;
  top: 0;
  pointer-events: none;
}

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

.sidebar { display: none; top: 0px; width: 100%; height: 100%; top: 5px; right: 0; background-color: #f1fafd; padding: 0px 0 10px 0; position: absolute; z-index: 5000; color: #FFF; }
.sidebar .sidebar-inner { padding: 20px 20px 60px 20px; overflow: auto; height: 100%; position: relative; }

.sidebar h3 { color: #2D448A; font-size: 25px; line-height: 35px; margin: 0 0 20px 0; padding: 0;}
.sidebar h4 { color: #666; font-size: 20px; line-height: 25px; margin: 20px 0; padding: 0;}

.sidebar p { color: #CCC; font-size: 14px; line-height: 18px; } 

.sidebar a.close-sidebar { 
	width: 40px; height: 40px; padding: 0px;
	top: 20px; right: 20px;
	display: block; position: absolute; z-index: 1000;
	background: url(../img/close4.png) no-repeat center; background-size: 100%; 
	cursor: pointer;
}

.sidebar .switch { display: table; overflow: hidden; border: 2px solid #222; width: 100%; margin-bottom: 20px; }
.sidebar .switch a { font-size: 12px; padding: 8px; color: #FFF; text-decoration: none; text-transform: uppercase; text-align: center; display: table-cell; width: 50%; outline: 0; }
.sidebar .switch a:hover, #sidebar .switch a:focus { color: #FFCC00; outline: 0; }
.sidebar .switch a.active { background-color: #222; color: #FFCC00; }

.sidebar ul { padding: 0; margin: 0; list-style: none; }
.sidebar ul li { padding: 0; margin: 0; }
.sidebar ul li a { 
	padding: 12px 0; font-size: 14px; line-height: 14px; 
	color: #666; 
	text-transform: uppercase; text-decoration: none; 
	border-top: 1px solid #EEE; 
	display: block;
}
.sidebar ul li a:hover, #sidebar ul li a:focus { color: #F70284; }

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

.sidebar ul li a span { 
	width: 30px; height: 30px; padding: 7px 0 0 0; margin: -8px 15px 0 0;
	background-color: #D9016E; color: #FFF; text-align: center; 
	border-radius: 100px; -webkit-border-radius: 100px;
	float: left; font-size: 18px;
 }

 .sidebar ul li.alphabet { border-bottom: 1px solid #DF1079; font-weight: bold; text-transform: uppercase; padding: 10px 0; color: #DF1079; }


/* 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; overflow: hidden;
	border: 1px solid #FFF; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	max-height: 150px; width: 100%;
}

.sidebar .thumbnail .featured { 
	position: absolute; z-index: 1000; top: 0; right: 0; width: 60px; height: 60px;
	background: url(../img/featured.png) no-repeat top right; background-size: 100%;
}

.sidebar .thumbnails-container .thumbnail.null { pointer-events: none; }

.sidebar .thumbnails-container .thumbnail.wide { width: 100%; max-height: 250px; margin: 0 0 12px 0; }

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

.sidebar .thumbnail .caption { position: absolute; background-color: #2D448A; display: block; padding: 10px; bottom: 0;}
.sidebar .thumbnail .caption p { overflow: hidden; margin: 0; padding: 0; color: #FFF; font-size: 14px; font-weight: 400; text-transform: uppercase; }

.sidebar .thumbnail:hover { border: 1px solid #E6007E; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.sidebar .thumbnail:hover .caption, .thumbnail:focus .caption { background-color: #E6007E; cursor: pointer; }
.sidebar .thumbnail:hover .caption p, .thumbnail:focus .caption p { color: #FFF; }


/* /////////////////////////// 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 !important; position: fixed; }

#commands-optional.bottom-right { bottom: 10px; right: 100px; }
#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/icon-fullscreen-open.png) no-repeat center; background-size: 70%; }
#commands-optional a.fullscreen.exit { background: url(../img/icon-fullscreen-close.png) no-repeat center; background-size: 70%; }

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

/* Toggle Hotspots */
#commands-optional a.toggleHotspots.off { background: url(../img/icon-marker-off.png) no-repeat center; background-size: 50%; display: block; }
#commands-optional a.toggleHotspots.on { background: url(../img/icon-marker-on.png) no-repeat center; background-size: 50%; display: block; }
#commands-optional a.toggleHotspots.active { display: block; }
#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: 40px;
    height: 40px;
    opacity: 0.8;
    -webkit-opacity: 0.8;
}

#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(0, 0, 0, 0.7); 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: #666; }

/* Calls to Action  */

.cta { display: block; overflow: hidden; position: absolute; z-index: 500; margin: 0; bottom: 10px; right: 10px; }
.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.tickets { background: url(../img/icon-tickets.png) no-repeat center; background-size: 25px; }

.cta a { background-color: rgba(228,18,128,1) !important; }
.cta a:hover, .cta a:focus { background-color: rgba(228,18,128,0.7) !important; }

/* Logos */

.logo-3deep { 
	width: 50px; height: 30px; top: 58px; right: 12px;
	position: absolute; z-index: 500; display: block;  
	background: url(../img/3deep-aerial.png) no-repeat center; background-size: 100%; 
	opacity: 0.7; -webkit-opacity: 0.7;
	-webkit-transition: all .3s ease-in; transition: all .3s ease-in;
}
.logo-3deep:hover { opacity: 1; -webkit-opacity: 1; }

.logos { position: absolute; z-index: 500; bottom: 15px; left: 15px; display: block; overflow: hidden; }
.logos a { float: left; margin-right: 10px; }

.logos a.falmouth { width: 80px; height: 60px; background: url(../img/falmouth-white.png) no-repeat center bottom; background-size: 100%; }
.logos a.rnli { width: 70px; height: 60px;  background: url(../img/rnli.png) no-repeat center bottom; background-size: 100%; }
.logos a.threedeep { width: 60px; height: 60px;  background: url(../img/3deep-aerial.png) no-repeat center bottom; background-size: 100%; }




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

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

	/* Logos */

	.logo { width: 150px; height: 70px; }

}




/* //////////////////////////////// larger mobiles //////////////////////////////// */

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

	.dropdown-menu { max-height: 328px; /* set max height for scrolling */ }

	/* Sidebar Thumbnails */

	.sidebar ul.thumbnails-container { display: table; overflow: hidden; border-collapse: separate; width: 100%; }
	.sidebar ul.thumbnails-container li { display: table-cell; background: none; }
	.sidebar ul.thumbnails-container .thumbnail { margin-right: 10px; }

	.sidebar .thumbnails-container .thumbnail { width: 49%; }
/* 	.sidebar .thumbnails-container .thumbnail:nth-child(even) { margin-left: 2%; } */

	/* Logos */

	.logo { width: 150px; height: 50px; top: 20px; left: 20px; }

	.logo-3deep { width: 80px; height: 40px; top: 65px; right: 25px; }


	header ul li a { font-size: 14px; }

}

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

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

	/* Help / Start Screen */
	#help { 
		width: 400px; height: auto; margin: -120px 0 0 -200px;
		padding: 20px; cursor: pointer;
	}

	/* Header */

	header { height: 60px; }
	header ul { margin: 10px 50px 0 0; width: auto; }
	header ul li { width: auto; float: left; }
	header ul li a { padding: 15px; font-size: 12px; font-weight: 200; background-color: rgba(0,0,0,0); border: 0; color: #FFF !important; }

	header ul li a:hover { color: #FFF !important; text-decoration: none !important; outline: none; opacity: 0.6; -webkit-opacity: 0.6; cursor: pointer; }
	header ul li a:visited { color: #FFF !important; text-decoration: none !important; outline: none; -webkit-opacity: 0.6; cursor: pointer; }

	/* header ul li a:focus, header ul li a:visited, header ul li a:active { outline: none; color: #FFF; text-decoration: none; opacity: 0.6; -webkit-opacity: 0.6; }
	header ul li a.active { outline: none; text-decoration: none; } */

	.nav-main { display: block; }

	.nav-icon { top: 23px; }

	.toggle-views { top: 30px; right: 20px; font-size: 20px; padding: 10px 25px 10px 70px; }

	#commands-optional a.toggleHotspots.off { background-size: 50%; display: block; width: 40px; }
	#commands-optional a.toggleHotspots.on { background-size: 50%; display: none; width: 40px; }

	.logo { width: 170px; height: 50px; left: 25px; top: 25px; }

	/* Sidebar */

	.sidebar { width: auto; z-index: 9999; max-width: 500px; }
	.sidebar .sidebar-inner { padding: 20px 20px 60px 20px; margin-top: 0; }
	.sidebar .switch a { font-size: 16px; padding: 10px; }
	.sidebar a.close-sidebar { width: 40px; height: 40px; top: 45%; right: auto; left: -25px; }
	.sidebar ul li a { padding: 15px 0; font-size: 14px; line-height: 16px; }

	.sidebar .thumbnail { max-height: 200px; }

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

	/* Custom Buttons */

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

	#commands-optional.bottom-right { bottom: 7px; right: 110px; }
	#commands-optional.bottom-left { bottom: 15px; left: 15px; }
	#commands-optional.top-right { top: 70px; right: 15px; }
	#commands-optional.top-left { top: 70px; left: 15px; }
	
	#commands-optional a { width: 35px; height: 35px; }
	#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; }

	/* Logos */

	.logo-3deep { width: 75px; height: 40px; top: 65px; right: 20px; }

	.logos { bottom: 10px; left: 20px; }
	.logos a { margin-right: 30px; }
	.logos a.falmouth { width: 120px; height:80px; }
	.logos a.rnli { width: 100px; height: 60px; }
	.logos a.threedeep { width: 80px; height: 75px; }

}

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

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

	/* Help / Start Screen */

	#help { 
		width: 500px; height: auto; margin: -150px 0 0 -250px;
		padding: 30px; cursor: pointer;
	}

	/* Header */

	header { height: 70px; background-color: rgba(0,0,0,0)}
	header ul { margin: 10px 60px 0 0; }
	header ul li a { padding: 18px 12px; font-size: 14px; font-weight: 200; }
	header ul li a:hover { color: #e41280 !important; }

	.nav-icon { top: 28px; right: 20px; }

	.logo { width: 180px; height: 60px; left: 30px; top: 30px; }

	.sidebar { max-width: 600px; }
	.sidebar .sidebar-inner { padding: 20px 30px 100px 30px; margin-top: 0; }
	.sidebar .switch { margin-bottom: 30px; }
	.sidebar a.close-sidebar { width: 50px; height: 50px; top: 45%; left: -25px; }

	.sidebar .thumbnail { max-height: 150px; }

	.sidebar ul li a { padding: 15px 0; }

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

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

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

	/* Book Button */
	a.book { width: 70px; height: 70px; bottom: 20px; left: 20px; }
	a.book span { font-size: 14px; margin-top: 25px; letter-spacing: 0.2em; }

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

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

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

	#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(0, 0, 0, 0.7);
	}
	a.back-button span { display: none; }

	/* Calls to Action  */

	.cta { bottom: 20px; right: 20px; }
	.cta a { padding: 8px 15px 8px 40px; margin: 0 0 0 10px; font-size: 14px; }
	.cta a span { display: block; }
	.cta a.prospectus { background: url(../img/icon-book.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.tickets { background: url(../img/icon-tickets.png) no-repeat left 15px center; background-size: 25px; padding-left: 45px; }

}


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

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

	/* Header */

	header { height: 75px; }
	header ul { margin: 0 80px 0 0; }
	header ul li a { padding: 30px 15px; font-size: 16px; font-weight: 300; }

	/* Nav Icon */

	.nav-icon { width: 35px; height: 40px; top: 30px; right: 30px; }

	.logo { width: 200px; height: 60px; left: 30px; top: 25px; }

	.sidebar { max-width: 600px; }
	.sidebar .sidebar-inner { padding: 30px 30px 180px 30px; }
	
	.sidebar .switch { margin-bottom: 30px; }

	.sidebar .thumbnail { max-height: 175px; }

	.sidebar ul li a { padding: 15px 0; }

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

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

	.navbar-default { height: 70px; }

	.navbar-brand { 
		width: 175px; height: 175px; 
		left: 30px;
	}


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

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

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

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

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


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

	.logos { bottom: 30px; left: 30px; }
	.logos a { margin-right: 30px; }
	.logos a.falmouth { width: 150px; height: 90px; }
	.logos a.rnli { width: 150px; height: 80px; }
	.logos a.threedeep { width: 80px; height: 90px; }

}

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

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

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

  	.logo { width: 240px; height: 70px; left: 30px; top: 30px; }

}