
/* Brand Colours

Turqoise - #007c9b

Light Blue - #83cee1

*/

/* Panotour Default */

@-ms-viewport { width: device-width; }
@media only screen and (min-device-width: 800px) { html { overflow:hidden; } }
* { padding: 0; margin: 0; }
html { height: 100%; }
body { height: 100%; overflow:hidden; }
div#container { height: 100%; min-height: 100%; width: 100%; margin: 0 auto; }
div#tourDIV {
	padding: 0;
	margin: 0;
	height: 100%;
	position: relative;
	overflow: hidden;
}
div#panoDIV {
	padding: 0;
	margin: 0;
	z-index: 1;
}


/* Custom CSS Styles */


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

#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: 'Lato', "helvetica nenu", helvetica, arial, sans-serif;
	font-style: normal;
	font-weight: 400;
}

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

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

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;
}


/* Header */

header { width: 100%; display: block; top: 0; position: absolute; z-index: 9999; height: 50px; background-color: #007c9b; }

.logo { 
	width: 120px; height: 50px; 
	display: block; padding: 0; margin: 0 0 0 -60px; 
	left: 50%; top: 0; 
	position: absolute; z-index: 1500;
	background: url(../img/sm-logo-white.png) no-repeat left center; background-size: 100%;
}

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

/* 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: 50px 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: #FFF; background-color: #83cee1;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    cursor: pointer;
    text-transform: uppercase;
    font-family: 'Lato', 'helvetica neue', arial, sans-serif;
}

header ul li a:hover { text-decoration: none; outline: none; background-color: #83cee1; color: #007c9b; }
header ul li a:visited { text-decoration: none; outline: none; color: #FFF; }

/* 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; z-index: 6666; }

/* Nav Icon */

.nav-icon {
  	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: 3px; width: 100%;
  	background: #FFF; border-radius: 20px; -webkit-border-radius: 20px; 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%; }

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

/* Pano Title */

.pano-info { 
	position: absolute; overflow: hidden; z-index: 1000; 
	margin: 0; padding: 10px 20px; bottom: 20px; left: 0px; 
	background-color: rgba(1,124,155,0.8);
	display: none;
}

.pano-info.expand .pano-desc { display: block; }
.pano-info.expand .expand-info { display: none; }

.pano-info .close-info { display: none; }
.pano-info.expand .close-info { display: block; }

.pano-title { display: block; clear: both; margin: 0; overflow: hidden; }
.panorama-title { color: #FFF; font-size: 16px; line-height: 30px; font-weight: 200; text-transform: uppercase; letter-spacing: 0.1em; margin: 0; float: left; padding: 0; }

.pano-desc { display: none; clear: both; margin: 10px 0 0 0;  }
.panorama-description { color: #FFF; font-size: 14px; line-height: 20px; font-weight: 200 !important; margin: 0; font-family: 'Lato', "helvetica nenu", helvetica, arial, sans-serif !important; }

.pano-info .expand-info { 
	width: 30px; height: 30px; float: right; display: inline-block; margin-left: 10px; 
	background: url(../img/icon-info.svg) no-repeat center; background-size: 100%; cursor: pointer;
}

.pano-info .close-info { 
	background: url(../img/icon-close2.png) no-repeat top right; background-size: 70%; 
	width: 40px; height: 40px; 
	position: absolute; z-index: 1000; right: 15px; top: 15px; 
	cursor: pointer; 
}

/* Pano Info Expand */

.pano-info.expand { margin: 0; padding: 15px; left: 0px; display: none; bottom: 0; }
.pano-info.expand .pano-desc { margin: 10px 0 0 0; display: block; }


/* /////////////////////////// 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: 15px; }
#commands-optional.bottom-left { bottom: 10px; left: 15px; }
#commands-optional.top-right { top: 60px; right: 10px; }
#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: 60%; display: block; }
#commands-optional a.toggleHotspots.on { background: url(../img/icon-marker-on.png) no-repeat center; background-size: 60%; 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.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(0, 0, 0, 0.8); }

/* Calls to Action  */

.cta { display: block; overflow: hidden; position: absolute; z-index: 500; margin: 0; bottom: 20px; right: 20px; }
.cta a { 
	padding: 25px; margin: 0 0 0 10px; 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; text-transform: uppercase; 
	font-family: 'Lato', 'helvetica neue', arial, sans-serif;
}
.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 { background-color: rgba(1,124,155,0.7) !important; }
.cta a:hover, .cta a:focus { background-color: rgba(1,124,155,1) !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; }

/* Toggle Sidebar */

.toggle-sidebar { 
	padding: 10px; position: absolute; z-index: 5555; 
	right: 0; top: 50px; width: 100%; height: 50px; 
	display: none; overflow: hidden; 
	font-size: 16px; line-height: 30px; text-transform: uppercase; text-align: center; color: #007c9b;
	background: url(../img/arrow-down2.png) no-repeat right 20px center; background-size: 30px; background-color: #FFF; text-decoration: none;
	-webkit-transition: all .3s ease-in; transition: all .3s ease-in;
}

.toggle-sidebar:hover { cursor: pointer; text-decoration: none; color: #007c9b; background-color: #F6F6F6; }
.toggle-sidebar .nav-icon { display: block; top: 3px; right: auto; width: 30px; position: relative; }
.toggle-sidebar .nav-icon span { background-color: #007c9b; }

.sidebar { width: 100%; height: calc(100vh - 50px - 0px); position: absolute; z-index: 5000; background-color: #FFF; right: 0; top: 50px; display: none; }
.sidebar-inner { padding: 20px; display: block; overflow: hidden; }
.sidebar h3 { color: #007c9b; text-transform: uppercase; margin: 0 0 20px 0; float: left; display: inline-block; font-size: 16px; line-height: 20px; }

.sidebar .inner-scroll { position: absolute; z-index: 100; overflow-y: scroll; height: 100%; }

.sidebar .nav-icon { float: right; display: inline-block; right: 20px; }
.sidebar .nav-icon span { background-color: #007c9b; }


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

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


}




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

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

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

	/* Logos */

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

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

	.pano-info { max-width: 350px; }
	.pano-info.expand { padding: 15px; }

}

/* //////////////////////////////// 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: 0 70px 0 0; width: auto; height: auto; }
	header ul li { width: auto; float: left; height: auto; margin: 0; }
	header ul li a { padding: 0 18px; font-size: 12px; font-weight: 200; background: transparent; border: 0; color: #FFF !important; height: 100%; line-height: 60px; }

	header ul li a:hover { color: #FFF !important; text-decoration: none !important; outline: none; cursor: pointer; border-bottom: 4px solid #FFF; background-color: rgba(255,255,255,0.1);}
	header ul li a:visited { color: #FFF !important; text-decoration: none !important; outline: none; cursor: pointer; }
	header ul li a.active { color: #FFF !important; text-decoration: none !important; outline: none; cursor: pointer; border-bottom: 4px solid #FFF; }

	.nav-main { display: block; }

	header .nav-icon { top: 15px; display: none; }

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

	.logo { width: 160px; height: 60px; left: 15px; margin: 0; }

	/* Custom Buttons */

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

	#commands-optional.bottom-right { bottom: 15px; right: 15px; }
	#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; }

	/* Pano Title */
	.pano-info { max-width: 400px; bottom: 20px; padding: 10px 20px; }
	.pano-title { display: block; clear: both; margin: 0; }
	.panorama-title { /* font-size: 18px; line-height: 18px; */ }
	
	.pano-desc { margin: 10px 0 0 0; }
	.panorama-description { color: #FFF; font-size: 12px; line-height: 16px; }

	.pano-info.expand { margin: 0; padding: 20px; right: auto; background-color: rgb(1,124,155,0.8); bottom: 30px; }

	.pano-info.expand .close-info { right: 20px; }

	/* Logos */

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

	.logos { bottom: 20px; left: 20px; }
	.logos a { margin-right: 20px; }
	.logos a.falmouth { width: 140px; height: 60px; }
	.logos a.rnli { width: 100px; height: 60px; }

	/* Sidebar */

	.sidebar { top: 50px; width: 40%; height: calc(100vh - 50px - 0px); }
	.sidebar-inner { padding: 30px; }
	.sidebar .nav-icon { right: 30px; }

	.sidebar h3 { font-size: 20px; line-height: 30px; }

	.toggle-sidebar { 
		top: auto; right: auto; bottom: 20px; width: 200px; padding: 15px 50px 15px 15px; left: 50%; margin-left: -120px; height: auto;
		background: url(../img/icon-burger.png) no-repeat right 15px center; background-size: 25px; background-color: rgba(255,255,255,0.8); font-size: 18px; line-height: 18px;
	 }
	
	}

/* //////////////////////////////// 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;
	}

	.hide-desktop { display: none; }

	/* Header */

	header { height: 60px; }
	header ul { margin: 0 70px 0 0; height: 100%; }
	header ul li { height: 100%; }
	header ul li a { padding: 0 12px; font-size: 14px; font-weight: 200; line-height: 60px; }

	header .nav-icon { top: 20px; right: 20px; display: none; }

	.logo { width: 180px; height: 60px; top: 0px; left: 20px; background: url(../img/sm-logo-white.png) no-repeat left center; background-size: 100%; }

	/* Pano Title */
/* 	.pano-info { padding: 20px; max-width: 450px; bottom: 30px; }
	.pano-title { display: block; clear: both; margin: 0; }
	.panorama-title { font-size: 25px; line-height: 25px; } */

	.pano-info.expand { bottom: 30px; }

	.pano-info .close-info { top: 20px; right: 20px; }

	/* .pano-info .close-info { display: block; width: 20px; height: 20px; } */
	
	.pano-desc { margin: 20px 0 0 0; }
	.panorama-description { font-size: 14px; line-height: 20px; }

	.navbar-nav li a { font-size: 1em; padding: 0 20px; }

	.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: 20px; right: 20px; }
	#commands-optional.bottom-left { bottom: 20px; left: 20px; }

	#commands-optional.top-right { top: 80px; right: 15px; }
	#commands-optional.top-left { top: 80px; 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.4);
	}
	a.back-button span { display: none; }

	/* Calls to Action  */

	.cta { bottom: 20px; right: 20px; }
	.cta a { padding: 15px 20px 15px 60px; margin: 0 0 0 10px; font-size: 14px; border-radius: 0; -webkit-border-radius: 0; }
	.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 { background-color: rgba(1,124,155,0.7); }

	/* Logos */

	.logo-3deep { width: 80px; height: 50px; top: 70px; right: 20px; }

	.logos { bottom: 20px; left: 20px; }
	.logos a { margin-right: 20px; }
	.logos a.falmouth { width: 160px; height: 70px; }
	.logos a.rnli { width: 120px; height: 70px; }

	/* Sidebar */

	.sidebar { top: 60px; height: calc(100vh - 60px - 0px); }
	.sidebar-inner { padding: 40px; }
	.sidebar .nav-icon { right: 40px; }
	.sidebar h3 { font-size: 25px; line-height: 35px; }

}


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

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

	/* Header */

	header { height: 70px; }
	header ul { margin: 0 90px 0 0; }
	header ul li a { padding: 0px 15px; font-size: 14px; font-weight: 300; line-height: 70px; }

	/* Pano Title */
	.pano-info { padding: 15px 20px; max-width: 500px; bottom: 40px; }
	.pano-title { display: block; clear: both; margin: 0; }
	.panorama-title { /* font-size: 25px; line-height: 25px; */ }
	
	.pano-desc { margin: 20px 0 0 0; }
	.panorama-description { font-size: 14px; line-height: 20px; }

	.pano-info .close-info { top: 20px; right: 20px; }

	.pano-info.expand { bottom: 40px; }

	/* Nav Icon */

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

	.logo { width: 170px; height: 70px; top: 0px; left: 20px; }

	.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: 30px; right: 30px; }
	#commands-optional.bottom-left { bottom: 30px; left: 30px; }

	#commands-optional.top-right { top: 90px; right: 20px; }
	#commands-optional.top-left { top: 90px; 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: 20px; right: 20px; }
	.cta a { padding: 8px 20px 8px 45px; margin: 0 0 0 10px; font-size: 14px; }

	.logos { bottom: 30px; left: 30px; }
	.logos a { margin-right: 30px; }

	/* Sidebar */

	.sidebar { top: 70px; height: calc(100vh - 70px - 0px); }

	.toggle-sidebar { 
		bottom: 40px; width: 250px; padding: 20px; padding-right: 50px; 
	 }


}

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

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

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

  	/* Calls to Action  */
	.cta { bottom: 40px; right: 40px; }
	.cta a { padding: 20px 20px 20px 60px; margin: 0 0 0 10px; font-size: 14px; line-height: 14px; }

}




