/* Global Styles */
body {
	background:#e7e7e7;	
	color:#ffffff;
	margin:0;
	padding:0;
	width:1920px;
	height:1080px;
	overflow-x:hidden;
}
body.map_page {
	overflow:hidden;
}
h1 {
	font-size:1.5em;	
}

h2 {
	font-size:1.3em;
	text-transform:uppercase;	
}
.container-fluid {
	padding:0;	
}
.modalOpen .logo {
	transform: scale(0.7);
    top: -0.7em;
    left: -1.8em;
}
.logo {
	z-index: 1000000 !important;
    position: fixed;
    left: 1.3em;
    top: 1.3em;
}
/* Sidebar Styles */
.sideBar {
	position:fixed;
	width:367px;
	padding:1em 1.5em;
	left:0;
	height:100%;
	background:#942525;
	background-image: url(/img/design/redbox.jpg);
	background-size: cover;
	min-height:1080px;
}
.sideBar .btn-default {
	background-color: rgba(0, 0, 0, 0.6);
	border:none;
	font-size:1.2em;
	padding:0.6em 0.6em 0.6em 1em;
}

.sideBar .btn-default:hover {
	background-color: rgba(0, 0, 0, 1);	
	outline:none;
}

.sideBar .btn-default:focus,
.sideBar .btn-default:active {
	border-color:#942525;	
	outline:none;
}

.btn-primary {
	background: #9A9359;
	border:none;
}

.btn-primary:hover, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary,
.btn-primary:focus, .btn-primary.focus,
.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary.focus:active, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
	background: #9A9359;
	border:none;
	outline:none;
}

.btn-add .intro {
	display:block;
	color:#f6f6f2;
	font-size:0.9em;
}

.btn-add {
	display:block;
	width:100%;
	text-align:left;
	font-size:1.1em;
	line-height: 1.2;
	padding:0.7em 1em;
}

.btn-add .glyphicon {
	float:left;
	display:block;
	font-size: 1.8em;
	padding: 0.1em 0.5em 0.1em 0;
	color:#f6f6f2;	
}

.glyphicon-chevron-right,
.glyphicon-menu-right {
	float:right;
	font-size: 0.9em;	
	padding:0.2em 0;
}
.glyphicon-chevron-left,
.glyphicon-menu-left {
	float:left;	
	font-size: 0.9em;
}
.btn-add:hover {
	background:#8c854c;	
}
.form-control {
	color:#000000;	
}

.form-control:focus {
    border: 2px solid #942525; 
}

.sideBar .content {
    position: absolute;
    transition: all 0.4s linear;
    left: -520px;
    width: 327px;
	top:8em;
}

.sideBar .content.active {
    left: 20px;
}
.sideBar .thumbnails {
	padding:0;
	list-style:none;	
}
.sideBar .thumbnails li {
	margin-bottom:15px;	
}

.sideBar a.navLink {
	background-color: #818285;
	font-size: 1.1em;
	color: #ffffff;
	position: absolute;
	bottom: 30px;
	margin-right: 0px;
	left: 20px;
	right: 20px;
	width: auto;
	padding:0.8em;
}
.sideBar a.navLink:hover {
	background-color: #666666;	
}
.sideBar a.navLink .glyphicon {
	padding-right:0.5em;	
}
.sideBar .btnBack,
.sideBar .btnNext {
	margin-top:25px;
	font-size:0.95em;	
	padding:0.6em 0.8em;
}

.sideBar .btnBack .glyphicon,
.sideBar .btnNext .glyphicon {
	font-size:0.8em;
	padding:0.4em 0;
}
.sideBar .btnBack .glyphicon {
	padding-right:0.4em;	
}
.sideBar .btnNext .glyphicon {
	padding-left:0.4em;	
}
.sideBar .btnNext {
	float:right;
}

.sidebar-grid {
	margin-left:0;	
	max-height: 400px;
	overflow-x: hidden;
	overflow-y: auto;
}


/* Masonary Styles */
.grid {
	margin-left: 377px;
}

.grid img {
	max-width:100%;
	height:auto;	
}
.sidebar-grid .grid-item {
	width: 98px;
	margin-bottom:5px;
}	
.grid-item {
	width: 298px;	
	margin-bottom:10px;
	position:relative;
}
.grid-item p {
	background-color: rgba(51, 51, 51, 0.7);
	padding:0.3em 0.6em;
	position:absolute;
	bottom:0;
	margin:0;
	left:0;
	color:#ffffff;
	font-size:0.9em;
}	

/* Map/Element Styles */
#mapContainer {
	position:relative;
	width:1553px;
	margin-left:367px;	
	text-align:right;
}
#title,
.mapElement {
	position:absolute;
	display:block;
	left:50%;
	transition: opacity 0.6s linear;
}
.mapElement {
	-webkit-animation-duration: 3s !important;
	-moz-animation-duration: 3s !important;
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.02, 1.02, 1.02);
    transform: scale3d(1.02, 1.02, 1.02);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
}

#title img,
.mapElement img {
	max-width:100%;
	height:auto;	
}
#title { 
	margin-left: -12%;
    top: 1%;
	width:402px;
	height:94px;
}
#viaduct { 
	margin-left: 34%;
    top: 8%;
	width:215px;
	height:182px;
}
#theatre { 
	margin-left: -20%;
    top: 28.5%;
	width:265px;
	height:265px;
}
#yorkshire { 
	margin-left: 3.5%;
    top: 40%;
	width:114px;
	height:136px;
}
#backhouse { 
	margin-left: -1.5%;
    top: 57%;
	width:269px;
	height:183px;
}
#bayhorse { 
	margin-left: 19.5%;
    top: 24.5%;
	width:188px;
	height:287px;
}
#doggarts { 
	margin-left: 7%;
    top: 37%;
	width:204px;
	height:245px;
}
#football { 
	margin-left: -12.5%;
    top: 63%;
	width:117px;
	height:153px;
}
#market { 
	margin-left: 15.5%;
    top: 54%;
	width:112px;
	height:184px;
}
#newgate { 
	margin-left: -11%;
    top: 51.5%;
	width:198px;
	height:40px;
}
#police { 
	margin-left: 18.75%;
    top: 32%;
	width:95px;
	height:144px;
}
#robinson { 
	margin-left: 18%;
    top: 72.5%;
	width:254px;
	height:163px;
}
#mcintyres { 
	margin-left: -4.5%;
    top: 53%;
	width:181px;
	height:74px;
}
#townHall { 
	margin-left: 22%;
    top: 45.5%;
	width:238px;
	height:270px;
}
.swipebox-title h2 {
	font-size: 2.0em;
	text-decoration: underline;
}
.swipeIcon,
.clickIcon {
	background-image: url(/img/swipebox/icon_tap_text.png);	
	height:100px;
	width:100px;
	position:absolute;
	top:20px;
	right:-2px;
	z-index:10000;
	display:none;
	pointer-events:none;
	transform: scale(0.9);
}
.swipeIcon {
	background-image: url(/img/swipebox/icon_swipe_text.png);
	left:85%;
	margin-left:-50px;
	top:85%;
	margin-top:-50px;
	-webkit-animation-duration: 10s !important;
	-moz-animation-duration: 10s !important;
}

.swipebox-title p.credit {
	font-size: 0.9em;
	font-style: italic;
	color: #afafaf;
}

#swipebox-top-bar {
	-webkit-transition:none !important;
	transition: none !important;
	position: absolute;
	left: 0;
	z-index: 999;
	height: 80px !important;
	width: 100%;
	top:0 !important;
	color: #ffffff !important;
	font-size: 15px;
	line-height: 13px !important;
	font-family: Helvetica, Arial, sans-serif;
}
#swipebox-top-bar.visible-bars,
#swipebox-bottom-bar.visible-bars {
	-webkit-transition:none !important;
	transition:none !important;
	transform: none !important;
}
#swipebox-bottom-bar {
	background:none !important;
	top:50%;
}

#locationsMenu {
	position: absolute;
	transition: all 0.4s linear;
	left: 20px;
	top:8em;
	width: 327px;
    margin-top: 20px;
}

#locationsMenu.inactive {
	left: -500px;
}

#locationsMenu p {
	margin-bottom:20px;	
}

.btn-block {
	display: block;
	width: 100%;
	text-align: left;
}

.btn-block+.btn-block {
	margin-top: 0.5em;
}

/*mail list*/

ul.mail-list{
	padding:0;
	margin:0 0 0 0;
	list-style:none;
	max-height: 400px;
	overflow-x: hidden;
	overflow-y: auto;
	border-top:1px solid #4f0e12;
}
ul.mail-list li a {
	display:block;
	background:#680f14;
	padding: 10px;
	text-decoration:none;
	color:#ffffff;
	border-bottom:1px solid #4f0e12;
}
ul.mail-list li a:hover{
	background-color:#4f0e12;
}
ul.mail-list li span{
	display:block;
}
ul.mail-list li span.mail-sender{
	color:#cccccc;
	font-style: italic;
}
ul.mail-list li span.mail-subject{
	font-weight:600;
	font-size: 1.2em;
	color:#cccccc;
}

h2 span.badge {
	font-size: 18px;
}
.sideBar .swipebox-video .glyphicon-play-circle {
	font-size:1.5em;	
}
.swipebox-video .glyphicon-play-circle {
	position:absolute;
	top:50%;
	left:50%;
	font-size:2.5em;
	color: rgba(255,255,255,0.8);
	margin-left:-0.5em;
	margin-top:-0.5em;
}

#swipebox-close {
	right: 30px !important;
	top: 16px !important;
	transform: scale3d(2,2,3);
}
#swipebox-prev,
#swipebox-next {
	transform: scale3d(2,2,3);	
}
#swipebox-overlay {
    background: #0d0d0d;
    opacity: 0.95;
}
.mapElement.muted,
#mapBase.muted {
	opacity: 0.5;
}
label {
    color: #3f3f3f;
    font-size: 14px;
}
.badge-notify{
    background:red;
    position:relative;
    top: -20px;
    left: -15px;
    font-weight: 400;
}
.btn.btn-wrap {
    white-space: normal;
}

.modal-content {
	border-radius:0;
	background:rgba(0, 0, 0, 0.8);	
}

.modal-content label {
	color:#ffffff;	
	font-weight:normal;
}

.modal-title {
	text-transform:uppercase;
}

.modal-title span {
	display:block;
	font-size:0.7em;
	text-transform:none;	
}

.modal .close {
	font-size:50px;	
	margin-right:10px;
}

/*Panel Styles*/
.panel {
	background:none;	
	border:none;
}
.panel-heading {
	padding:0;
}
.panel-heading .glyphicon-chevron-right {
	font-size:0.9em;	
}
.panel-heading .glyphicon-menu-down,
.panel-heading .glyphicon-menu-up {
	float:right;
}

.panel-heading .glyphicon-menu-down,
.panel-heading .collapsed .glyphicon-menu-up {
	display:none;	
}

.panel-heading .collapsed .glyphicon-menu-down {
	display:block;	
}
.panel-title {
	text-transform:none;
}
.panel-heading a {
	display:block;
	text-decoration:none;	
	font-size: 1em;
    padding: 0.8em 1em;
}
.panel-body {
	padding:8px;	
}
.panel-default > .panel-heading {
    background-color: rgba(0, 0, 0, 0.6);
    border:none;
    color: #ffffff;
}
.panel-body {
	border-top:1px solid #4f0e12;
	background:#680f14;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
	border-top:1px solid #4f0e12;	
}
body #swipebox-overlay {
	opacity:1;
	background:rgba(0, 0, 0, 0.95);	
}
.form-group .help-block {
	margin-bottom:0;	
}
@media screen and (min-width: 800px) {
  body #swipebox-arrows {
    max-width: 97%;
    width: 100%;
  }
}

*::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
    border-radius: 5px;
    background-color: rgba(0,0,0,0);
}

*::-webkit-scrollbar
{
    width: 6px;
    background-color: rgba(0,0,0,0);
}

*::-webkit-scrollbar-thumb
{
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: rgba(0,0,0,0.3);
}
.gallery_intro {
	margin-top: 7em;
	line-height: 1.5em;
	font-size: 1.3em;
}

.gallery_intro p:first-child {
	font-weight: 600;
}